<template>
<div>
  <h1 >人员名单及爱好列表</h1>
    <ul>
      <Item v-for="p in person" :key="p.id" :p="p"/>
    </ul>
</div>
</template>

<script>
import Item from "./components/Item"
export default{
  name:"App",
      components:{
        Item,
    },
   data() {
    return {
      person: [
        { id: 1, name: "老余", hobby: ["吃", "喝", "Piao"] },
        { id: 2, name: "陈伟", hobby: ["唱", "跳", "Rap"] },
        { id: 3, name: "老李", hobby: ["打球", "看书", "写字"] },
      ],
    };
  },
}
</script>
<style>

</style>
